<template>
    <div class="header">
        <div class="header-box">
            <div class="logo">
                <img src="../../assets/logo.png" alt="LOGO">
            </div>
            <div class="title">
                <h1>开发交流平台</h1>
            </div>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss">
.header{
    width: 100%;
    margin: 20px 0;

    .header-box{
        width: 1200px;
        height: 60px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;

        .logo{
            width: 196px;
            height: 27px;
            margin: 17px 0;

            img{
                width: 100%;
                height: 100%;
            }
        }
        .title{
            height: 60px;
            line-height: 60px;

            h1{
                margin: 0;
                font-size: 2em;
            }
        }
    }
}
</style>
